<script setup lang="ts">
import { useMotion } from '@vueuse/motion'
import { ref } from 'vue'

const buttons = ref<SVGElement>()
const browser = ref<SVGElement>()
const card = ref<SVGElement>()
const search = ref<SVGElement>()
const armRight = ref<SVGElement>()
const armLeft = ref<SVGElement>()
const circleTop = ref<SVGElement>()
const circleBottom = ref<SVGElement>()
const head = ref<SVGElement>()
const mouth = ref<SVGElement>()
const eyeLeft = ref<SVGElement>()
const eyeRight = ref<SVGElement>()

const refs = [buttons, browser, card, search, circleBottom, circleTop, head, mouth, eyeLeft, eyeRight, armLeft, armRight]

refs.forEach((ref, index) => {
  const { variant } = useMotion(ref, {
    initial: {
      y: 0,
      opacity: 1,
    },
    enter: {
      y: 0,
      opacity: 1,
      transition: {
        type: 'spring',
        stiffness: 320,
        damping: 20,
        delay: 50 * (index + 1),
        onComplete: () => {
          variant.value = 'levitate'
        },
      },
    },
    levitate: {
      y: 20,
      transition: {
        duration: 1500,
        repeat: Number.POSITIVE_INFINITY,
        ease: 'easeInOut',
        repeatType: 'mirror',
      },
    },
  })
})
</script>

<template>
  <Motion :initial="{ y: 100, opacity: 0 }" :enter="{ y: 0, opacity: 1 }" :delay="100">
    <svg height="340px" viewBox="0 0 1141 956" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path
        ref="buttons"
        fill-rule="evenodd"
        clip-rule="evenodd"
        d="M383.732 825C398.588 825 410.658 837.287 410.902 852.537V853V885C410.902 900.309 398.98 912.749 384.182 912.996L383.732 913H42.1697C27.3144 913 15.2436 900.713 15 885.463V885V853C15 837.691 26.9222 825.251 41.7204 825.004L42.1697 825H383.732ZM209.07 833H42.1697C31.6761 833 23.1276 841.583 22.7742 852.309L22.7656 852.656L22.7628 853V885C22.7628 895.931 31.2715 904.813 41.8355 904.997L42.1697 905H209.07V833ZM383.732 833H216.832V905H383.732C394.339 905 402.958 896.231 403.136 885.344L403.139 885V853C403.139 842.069 394.63 833.187 384.067 833.003L383.732 833ZM131.275 853.172C132.741 854.682 132.789 857.099 131.422 858.669L131.275 858.828L121.405 869L131.275 879.172C132.791 880.734 132.791 883.266 131.275 884.828C129.81 886.338 127.465 886.389 125.941 884.979L125.786 884.828L115.916 874.657L106.046 884.828C104.53 886.391 102.073 886.391 100.557 884.828C99.0919 883.318 99.043 880.901 100.411 879.331L100.557 879.172L110.427 869L100.557 858.828C99.0413 857.266 99.0413 854.734 100.557 853.172C102.022 851.662 104.368 851.611 105.892 853.021L106.046 853.172L115.916 863.343L125.786 853.172C127.302 851.609 129.76 851.609 131.275 853.172ZM330.197 853.172C331.662 854.682 331.711 857.099 330.343 858.669L330.197 858.828L304.968 884.828C303.502 886.338 301.157 886.389 299.633 884.979L299.478 884.828L290.745 875.828C289.23 874.266 289.23 871.734 290.745 870.172C292.211 868.662 294.556 868.611 296.08 870.021L296.234 870.172L302.223 876.343L324.708 853.172C326.223 851.609 328.681 851.609 330.197 853.172Z"
        fill="var(--colors-primary-500)"
        fill-opacity="0.25"
      />
      <path
        ref="search"
        fill-rule="evenodd"
        clip-rule="evenodd"
        d="M1040.83 96C1055.69 96 1067.76 108.287 1068 123.537V124V156C1068 171.309 1056.08 183.749 1041.28 183.996L1040.83 184H637.17C622.314 184 610.244 171.713 610 156.463V156V124C610 108.691 621.922 96.251 636.72 96.0037L637.17 96H1040.83ZM1040.83 104H637.17C626.563 104 617.944 112.769 617.763 123.656V124V156C617.763 166.931 626.272 175.813 636.835 175.997L637.17 176H1040.83C1051.44 176 1060.06 167.231 1060.24 156.344V156V124C1060.24 113.069 1051.73 104.187 1041.17 104.003L1040.83 104ZM1024.34 117C1034.52 117 1042.78 125.507 1042.78 136C1042.78 146.493 1034.52 155 1024.34 155C1020.65 155 1017.22 153.885 1014.34 151.964L1005.74 160.828C1004.22 162.39 1001.76 162.39 1000.25 160.828C998.781 159.318 998.732 156.901 1000.1 155.331L1000.25 155.172L1008.85 146.307C1006.98 143.338 1005.9 139.799 1005.9 136C1005.9 125.507 1014.16 117 1024.34 117ZM1024.34 125C1018.44 125 1013.66 129.925 1013.66 136C1013.66 142.075 1018.44 147 1024.34 147C1030.23 147 1035.01 142.075 1035.01 136C1035.01 129.925 1030.23 125 1024.34 125Z"
        fill="var(--colors-primary-500)"
        fill-opacity="0.25"
      />
      <path
        ref="card"
        fill-rule="evenodd"
        clip-rule="evenodd"
        d="M1057.24 689C1072.09 689 1084.16 701.287 1084.41 716.537V717V869C1084.41 884.309 1072.48 896.749 1057.69 896.996L1057.24 897H732.17C717.314 897 705.244 884.713 705 869.463V869V717C705 701.691 716.922 689.251 731.72 689.004L732.17 689H1057.24ZM848.612 697H732.17C721.676 697 713.128 705.583 712.774 716.309L712.766 716.656L712.763 717V869C712.763 879.931 721.272 888.813 731.835 888.997L732.17 889H848.612V697ZM1057.24 697H856.374V889H1057.24C1067.84 889 1076.46 880.231 1076.64 869.344L1076.64 869V717C1076.64 706.069 1068.13 697.187 1057.57 697.003L1057.24 697ZM819.501 858.5C821.645 858.5 823.382 860.291 823.382 862.5C823.382 864.642 821.748 866.391 819.695 866.495L819.501 866.5H741.873C739.73 866.5 737.992 864.709 737.992 862.5C737.992 860.358 739.626 858.609 741.68 858.505L741.873 858.5H819.501ZM962.187 846L1003.91 846.5C1006.06 846.526 1007.77 848.337 1007.75 850.546C1007.72 852.689 1006.07 854.418 1004.02 854.497L1003.82 854.5L962.097 854C959.954 853.974 958.236 852.162 958.261 849.953C958.285 847.811 959.939 846.082 961.994 846.003L962.187 846ZM936.913 846C939.057 846 940.795 847.791 940.795 850C940.795 852.142 939.16 853.891 937.107 853.995L936.913 854H889.366C887.222 854 885.485 852.209 885.485 850C885.485 847.858 887.119 846.109 889.172 846.005L889.366 846H936.913ZM819.501 837.5C821.645 837.5 823.382 839.291 823.382 841.5C823.382 843.642 821.748 845.391 819.695 845.495L819.501 845.5H741.873C739.73 845.5 737.992 843.709 737.992 841.5C737.992 839.358 739.626 837.609 741.68 837.505L741.873 837.5H819.501ZM780.687 713C809.626 713 833.086 737.177 833.086 767C833.086 782.213 826.982 795.957 817.16 805.771C816.913 806.288 816.553 806.757 816.086 807.138C815.779 807.388 815.446 807.583 815.098 807.724C805.893 815.992 793.858 821 780.687 821C767.517 821 755.481 815.992 746.275 807.724C745.929 807.583 745.596 807.388 745.288 807.138C744.821 806.757 744.462 806.288 744.215 805.772C734.393 795.956 728.288 782.213 728.288 767C728.288 737.177 751.748 713 780.687 713ZM889.444 808.001L913.702 808.501C915.846 808.545 917.548 810.371 917.505 812.58C917.464 814.722 915.796 816.437 913.741 816.498L913.547 816.499L889.289 815.999C887.145 815.955 885.443 814.129 885.486 811.92C885.527 809.778 887.195 808.063 889.25 808.002L889.444 808.001ZM963.136 808L1043.67 808.5C1045.82 808.513 1047.55 810.315 1047.53 812.524C1047.52 814.666 1045.88 816.405 1043.82 816.496L1043.63 816.5L963.089 816C960.946 815.987 959.218 814.185 959.231 811.976C959.244 809.834 960.888 808.095 962.942 808.004L963.136 808ZM753.796 802.685L753.275 803.306C760.84 809.381 770.354 813 780.687 813C791.021 813 800.534 809.381 808.099 803.306C789.816 781.329 772.591 780.907 754.349 802.038L753.796 802.685ZM780.687 721C756.035 721 736.051 741.595 736.051 767C736.051 778.876 740.418 789.7 747.587 797.861C769.287 772.047 792.087 772.047 813.787 797.859C820.956 789.7 825.323 778.876 825.323 767C825.323 741.595 805.339 721 780.687 721ZM889.419 770L925.321 770.5C927.465 770.53 929.179 772.345 929.151 774.554C929.122 776.696 927.465 778.422 925.41 778.497L925.217 778.5L889.314 778C887.17 777.97 885.456 776.155 885.484 773.946C885.513 771.804 887.17 770.078 889.225 770.003L889.419 770ZM962.171 770L1027.18 770.5C1029.33 770.517 1031.05 772.321 1031.04 774.53C1031.02 776.672 1029.37 778.408 1027.32 778.496L1027.13 778.5L962.113 778C959.97 777.983 958.245 776.179 958.261 773.97C958.276 771.828 959.923 770.092 961.977 770.004L962.171 770ZM780.687 734C790.601 734 798.639 742.283 798.639 752.5C798.639 762.717 790.601 771 780.687 771C770.773 771 762.736 762.717 762.736 752.5C762.736 742.283 770.773 734 780.687 734ZM780.687 742C775.06 742 770.498 746.701 770.498 752.5C770.498 758.299 775.06 763 780.687 763C786.314 763 790.876 758.299 790.876 752.5C790.876 746.701 786.314 742 780.687 742ZM936.913 732.5C939.057 732.5 940.795 734.291 940.795 736.5C940.795 738.642 939.16 740.391 937.107 740.495L936.913 740.5H889.366C887.222 740.5 885.485 738.709 885.485 736.5C885.485 734.358 887.119 732.609 889.172 732.505L889.366 732.5H936.913ZM1035.89 732.5C1038.03 732.5 1039.77 734.291 1039.77 736.5C1039.77 738.642 1038.14 740.391 1036.08 740.495L1035.89 740.5H963.113C960.969 740.5 959.231 738.709 959.231 736.5C959.231 734.358 960.865 732.609 962.919 732.505L963.113 732.5H1035.89Z"
        fill="var(--colors-primary-500)"
        fill-opacity="0.25"
      />
      <g ref="armRight">
        <path
          ref="browser"
          fill-rule="evenodd"
          clip-rule="evenodd"
          d="M544.457 66C555.142 66 563.825 74.825 564 85.7789V86.1115V458.173C564 469.17 555.424 478.105 544.78 478.282L544.457 478.285H509.558V509.889C509.558 520.885 500.983 529.82 490.338 530H490.015H33.5431C22.8577 530 14.1752 521.175 14 510.221V509.889V173.74C14 162.744 22.5756 153.809 33.22 153.631L33.5431 153.628H69.8376V86.1115C69.8376 75.1153 78.4132 66.1803 89.0575 66H89.3807H544.457ZM69.8376 159.375H33.5431C25.9139 159.375 19.7141 165.673 19.5838 173.493V173.74V509.889C19.5838 517.74 25.7041 524.12 33.3027 524.254H33.5431H490.015C497.644 524.254 503.844 517.956 503.975 510.136V509.889V478.285H89.3807L89.0575 478.282C88.9022 478.28 88.7474 478.275 88.593 478.269L88.1956 478.248L87.7541 478.216L87.3651 478.179L86.9932 478.136L86.5351 478.073L86.0006 477.985L85.8305 477.954L85.2434 477.833L84.9013 477.754L84.4133 477.629L83.9952 477.512L83.7599 477.441L83.2036 477.26L82.7987 477.116L82.4371 476.978L82.0136 476.807L81.7044 476.674L81.3364 476.507L80.9096 476.302L80.4299 476.056L80.1087 475.882L79.7209 475.66L79.4116 475.475L78.9881 475.209L78.6808 475.005L78.2628 474.716L78.0602 474.569L77.5883 474.212L77.1806 473.886L76.8812 473.634L76.723 473.497L76.5411 473.336L76.0493 472.879L75.7382 472.574L75.552 472.384L75.1572 471.966L75.0346 471.831L74.754 471.512L74.55 471.271L74.2233 470.87L73.9484 470.514L73.6931 470.169L73.4309 469.798L73.1039 469.308L72.8968 468.982L72.773 468.779L72.5045 468.322L72.3705 468.082C72.2879 467.933 72.2072 467.782 72.1283 467.63L72.0217 467.421L71.8117 466.992L71.7036 466.761L71.5862 466.501L71.4807 466.258C71.3728 466.005 71.2697 465.75 71.1717 465.492L71.0473 465.155L70.8939 464.713L70.8598 464.61C70.7502 464.276 70.6489 463.938 70.5562 463.596C70.4845 463.332 70.4179 463.065 70.3565 462.797C70.2638 462.392 70.1831 461.982 70.1147 461.568C70.0761 461.334 70.0414 461.099 70.0107 460.862C69.9193 460.158 69.8633 459.443 69.8446 458.719L69.8376 458.173V159.375ZM558.416 114.842H75.4213V458.173C75.4213 458.49 75.4313 458.803 75.4508 459.115C75.4588 459.242 75.4685 459.37 75.4797 459.496C75.545 460.232 75.6643 460.952 75.8333 461.652L75.9407 462.069L76.05 462.449L76.169 462.824C76.2647 463.112 76.3691 463.396 76.4818 463.675C76.5258 463.784 76.5712 463.893 76.6178 464.001L76.736 464.268L76.8593 464.531L76.9559 464.728L77.0552 464.923C77.1285 465.065 77.2041 465.205 77.2818 465.344L77.4958 465.712L77.6339 465.938L77.776 466.16L77.8892 466.331L78.0777 466.605L78.1697 466.734C78.3449 466.977 78.5273 467.213 78.7167 467.444L78.8201 467.568L78.925 467.692L79.0859 467.876L79.2499 468.057L79.4027 468.22L79.6789 468.502L79.7956 468.617L79.9652 468.779L80.1968 468.993L80.2901 469.075C80.5913 469.342 80.9037 469.595 81.2265 469.834L81.5527 470.069C83.6993 471.568 86.273 472.468 89.0469 472.535L89.3807 472.539H544.457C552.086 472.539 558.286 466.24 558.416 458.421V458.173V114.842ZM544.457 71.7461H89.3807C81.7515 71.7461 75.5517 78.0444 75.4213 85.864V86.1115V109.096H558.416V86.1115C558.416 78.3439 552.425 72.0162 544.939 71.7545L544.697 71.7482L544.457 71.7461ZM93.5685 80.3653C98.9652 80.3653 103.34 84.8674 103.34 90.4211C103.34 95.9747 98.9652 100.477 93.5685 100.477C88.1718 100.477 83.797 95.9747 83.797 90.4211C83.797 84.8674 88.1718 80.3653 93.5685 80.3653ZM121.487 80.3653C126.884 80.3653 131.259 84.8674 131.259 90.4211C131.259 95.9747 126.884 100.477 121.487 100.477C116.091 100.477 111.716 95.9747 111.716 90.4211C111.716 84.8674 116.091 80.3653 121.487 80.3653ZM149.406 80.3653C154.803 80.3653 159.178 84.8674 159.178 90.4211C159.178 95.9747 154.803 100.477 149.406 100.477C144.009 100.477 139.635 95.9747 139.635 90.4211C139.635 84.8674 144.009 80.3653 149.406 80.3653ZM93.5685 86.1115C91.2557 86.1115 89.3807 88.0409 89.3807 90.4211C89.3807 92.8012 91.2557 94.7306 93.5685 94.7306C95.8814 94.7306 97.7563 92.8012 97.7563 90.4211C97.7563 88.0409 95.8814 86.1115 93.5685 86.1115ZM121.487 86.1115C119.174 86.1115 117.299 88.0409 117.299 90.4211C117.299 92.8012 119.174 94.7306 121.487 94.7306C123.8 94.7306 125.675 92.8012 125.675 90.4211C125.675 88.0409 123.8 86.1115 121.487 86.1115ZM149.406 86.1115C147.093 86.1115 145.218 88.0409 145.218 90.4211C145.218 92.8012 147.093 94.7306 149.406 94.7306C151.719 94.7306 153.594 92.8012 153.594 90.4211C153.594 88.0409 151.719 86.1115 149.406 86.1115Z"
          fill="var(--colors-primary-500)"
          fill-opacity="0.25"
        />
        <path
          d="M548.438 483.928C609.145 590.616 732.406 721.436 773.203 646.961C813.697 573.038 842.797 420.412 852.861 362.033C856.656 340.015 874.788 323.235 896.954 321.591C908.671 320.723 914.015 321.881 914.015 321.881"
          stroke="var(--colors-primary-700)"
          stroke-width="8"
          stroke-linecap="round"
          stroke-linejoin="round"
        />
        <path
          d="M575.406 375.835C575.406 375.835 656.251 426.023 718.478 535.631C718.478 535.631 763.924 416.23 793.256 348.347C803.013 325.764 797.894 299.464 780.44 282.202"
          stroke="var(--colors-primary-700)"
          stroke-width="8"
          stroke-linecap="round"
          stroke-linejoin="round"
        />
        <path
          d="M869.067 311.251C869.067 311.251 892.485 296.572 924.004 304.675"
          stroke="var(--colors-primary-700)"
          stroke-width="8"
          stroke-linecap="round"
          stroke-linejoin="round"
        />
        <path d="M862.075 296.226C862.075 296.226 886.687 278.045 927 283.085" stroke="var(--colors-primary-700)" stroke-width="8" stroke-linecap="round" stroke-linejoin="round" />
        <path
          d="M827.116 298.229C827.116 298.229 860.975 261.166 914.015 261.166"
          stroke="var(--colors-primary-700)"
          stroke-width="8"
          stroke-linecap="round"
          stroke-linejoin="round"
        />
      </g>
      <mask id="mask0" mask-type="alpha" maskUnits="userSpaceOnUse" x="251" y="361" width="396" height="275">
        <path
          fill-rule="evenodd"
          clip-rule="evenodd"
          d="M286.116 425.069C254.061 461.774 239.701 514.406 263.952 555.783C282.474 587.384 318.552 607.383 355.47 619.702C411.533 638.409 474.914 642.46 530.76 623.223C586.606 603.985 633.193 559.399 643.466 505.803C651.538 463.693 644.924 412.408 586.391 381.722C541.385 358.128 362.388 337.733 286.116 425.069Z"
          fill="white"
        />
      </mask>
      <g ref="circleTop" mask="url(#mask0)">
        <path
          fill-rule="evenodd"
          clip-rule="evenodd"
          d="M286.116 425.069C254.061 461.774 239.701 514.406 263.952 555.783C282.474 587.384 318.552 607.383 355.47 619.702C411.533 638.409 474.914 642.46 530.76 623.223C586.606 603.985 633.193 559.399 643.466 505.803C651.538 463.693 644.924 412.408 586.391 381.722C541.385 358.128 362.388 337.733 286.116 425.069Z"
          fill="var(--colors-primary-400)"
        />
        <path d="M246.298 369.59L650.831 379.327L650.807 380.328L246.274 370.591L246.298 369.59Z" fill="white" />
        <path d="M650.795 415.028L650.843 416.028L246.31 435.501L246.262 434.501L650.795 415.028Z" fill="white" />
        <path d="M650.768 443.428L650.869 444.424L246.337 485.804L246.235 484.808L650.768 443.428Z" fill="white" />
        <path d="M246.346 511.584L650.878 560.267L650.759 561.261L246.227 512.579L246.346 511.584Z" fill="white" />
        <path d="M246.334 535.924L650.866 574.87L650.771 575.867L246.238 536.921L246.334 535.924Z" fill="white" />
        <path d="M246.3 582.982L650.833 594.341L650.805 595.342L246.272 583.983L246.3 582.982Z" fill="white" />
        <path d="M650.773 622.741L650.864 623.738L246.332 661.062L246.24 660.064L650.773 622.741Z" fill="white" />
        <path d="M246.306 501.844L650.839 518.072L650.799 519.073L246.266 502.845L246.306 501.844Z" fill="white" />
      </g>
      <mask id="mask1" mask-type="alpha" maskUnits="userSpaceOnUse" x="335" y="635" width="251" height="158">
        <path
          fill-rule="evenodd"
          clip-rule="evenodd"
          d="M342.353 679.203C329.696 704.145 335.903 736.182 353.864 757.601C371.827 779.018 399.716 790.463 427.542 792.591C455.368 794.719 483.235 788.31 509.498 778.85C529.824 771.528 549.973 762.024 565.031 746.498C580.089 730.971 589.319 708.406 584.389 687.32C572.682 637.248 511.406 633.957 470.386 635.858C425.506 637.939 366.875 630.877 342.353 679.203Z"
          fill="white"
        />
      </mask>
      <g ref="circleBottom" mask="url(#mask1)">
        <path
          fill-rule="evenodd"
          clip-rule="evenodd"
          d="M342.353 679.203C329.696 704.145 335.903 736.182 353.864 757.601C371.827 779.018 399.716 790.463 427.542 792.591C455.368 794.719 483.235 788.31 509.498 778.85C529.824 771.528 549.973 762.024 565.031 746.498C580.089 730.971 589.319 708.406 584.389 687.32C572.682 637.248 511.406 633.957 470.386 635.858C425.506 637.939 366.875 630.877 342.353 679.203Z"
          fill="var(--colors-primary-600)"
        />
        <path
          d="M383.212 799.1C379.844 799.786 365.49 802.7 361.376 803.483L359.759 803.787C352.599 805.121 346.951 805.978 341.894 806.449C329.096 807.643 320.2 806.266 313.918 801.549L313.601 801.306L314.214 800.515C320.269 805.237 329.015 806.644 341.802 805.452C347.01 804.966 352.863 804.067 360.378 802.652L362.445 802.256C368.33 801.107 383.227 798.076 383.716 797.976L386.178 797.487C411.802 792.445 430.246 790.074 450.304 790.074C476.421 790.074 496.834 792.647 527.575 798.707L544.334 802.06C545.346 802.259 546.3 802.446 547.232 802.628L550.116 803.182C555.894 804.281 560.846 805.142 565.613 805.859C576.631 807.518 586.456 808.361 596.217 808.361C625.857 808.361 663.36 781.159 708.65 726.714L710.024 725.056L710.793 725.695C664.711 781.459 626.545 809.363 596.217 809.363C586.402 809.363 576.529 808.516 565.464 806.85L563.863 806.605C559.034 805.852 553.95 804.945 547.969 803.791L543.109 802.838L530.002 800.209L526.094 799.436C496.126 793.57 475.978 791.075 450.304 791.075C430.323 791.075 411.935 793.439 386.376 798.469L383.212 799.1Z"
          fill="white"
        />
        <path
          d="M710.791 713.772C685.355 744.056 655.407 764.783 620.953 775.944C608.946 779.833 594.299 780.85 575.736 779.539L573.489 779.371C561.487 778.442 552.219 777.192 528.798 773.476L511.063 770.649C499.357 768.806 491.361 767.652 482.834 766.606C452.184 762.847 428.17 762.654 406.829 767.038L405.999 767.211C358.725 777.218 328.02 773.137 313.928 754.856L313.506 754.298L314.308 753.701C327.768 771.867 357.776 776.18 404.375 766.528L405.792 766.231C427.191 761.702 451.184 761.789 481.76 765.466L485.667 765.95C493.421 766.936 501.103 768.063 511.968 769.778L531.343 772.865C553.774 776.408 562.651 777.562 574.83 778.468C593.741 779.877 608.572 778.902 620.646 774.991C654.575 764 684.113 743.682 709.266 714.028L710.027 713.126L710.791 713.772Z"
          fill="white"
        />
        <path
          d="M710.437 697.842L710.381 698.842C691.377 697.783 676.388 702.911 654.888 715.598L652.974 716.736C652.065 717.281 651.116 717.853 650.068 718.489L642.144 723.325L639.779 724.757C625.333 733.459 615.787 738.303 604.345 742.153C589.067 747.293 573.137 749.195 555.138 747.443L554.136 747.342C509.59 742.689 465.484 745.485 413.494 753.643L410.505 754.118C400.3 755.766 374.745 760.16 370.287 760.855C346.55 764.557 327.733 756.723 313.916 737.385L313.499 736.795L314.316 736.219C327.816 755.481 346.16 763.388 369.427 759.972L370.457 759.814C375.933 758.942 402.615 754.354 411.602 752.928C463.846 744.638 508.113 741.695 552.751 746.193L554.239 746.345C572.506 748.253 588.601 746.394 604.027 741.203C615.589 737.313 625.218 732.392 640.045 723.427L649.096 717.909C650.792 716.878 652.221 716.017 653.617 715.187C675.428 702.23 690.619 696.881 709.767 697.807L710.437 697.842Z"
          fill="white"
        />
        <path
          d="M411.703 715.011C406.928 710.15 397.002 706.59 384.747 705.001C358.027 701.537 333.233 707.97 333.233 721.4C333.233 735.952 341.524 747.466 354.807 751.3C369.257 755.471 387.59 750.242 406.208 735.308C415.69 727.702 417.273 720.68 411.703 715.011ZM405.584 734.526C387.2 749.272 369.189 754.409 355.083 750.338C342.236 746.629 334.232 735.513 334.232 721.4C334.232 708.887 358.454 702.602 384.619 705.995L385.857 706.163C397.338 707.8 406.568 711.211 410.992 715.714C416.084 720.897 414.652 727.252 405.584 734.526Z"
          fill="white"
        />
        <path
          d="M397.879 719.764C394.839 716.639 388.559 714.363 380.811 713.348C363.898 711.133 348.192 715.25 348.192 723.951C348.192 733.279 353.46 740.669 361.898 743.13C371.054 745.8 382.649 742.458 394.406 732.932C400.446 728.037 401.469 723.455 397.879 719.764ZM393.778 732.153C382.256 741.489 370.986 744.737 362.177 742.168C354.175 739.835 349.191 732.843 349.191 723.951C349.191 716.165 364.323 712.199 380.681 714.341C388.227 715.33 394.317 717.536 397.164 720.464C400.283 723.67 399.408 727.59 393.778 732.153Z"
          fill="white"
        />
        <path
          d="M383.217 724.995C382.017 723.782 379.604 722.923 376.636 722.541C370.119 721.703 364.052 723.265 364.052 726.762C364.052 734.797 373.031 737.369 381.887 730.319C384.284 728.411 384.716 726.509 383.217 724.995ZM381.266 729.534C372.995 736.119 365.051 733.843 365.051 726.762C365.051 724.184 370.549 722.768 376.508 723.535C379.276 723.891 381.501 724.683 382.508 725.701C383.525 726.728 383.246 727.959 381.266 729.534Z"
          fill="white"
        />
        <path
          d="M710.432 685.12L710.385 686.12L707.599 685.995C672.48 684.488 644.006 686.014 620.199 690.183C601.064 693.534 585.934 698.284 569.885 705.264L568.837 705.722C564.61 707.581 548.339 715.237 544.22 717.011C527.573 724.183 514.028 726.983 495.475 725.875C469.17 724.306 450.764 718.93 429.424 708.579L428.139 707.949C425.548 706.657 413.467 700.55 409.878 698.875C396.984 692.855 386.714 690.097 374.176 690.097C347.114 690.097 327.307 699.117 314.699 717.158L314.319 717.708L313.496 717.141C326.283 698.443 346.529 689.095 374.176 689.095C386.613 689.095 396.85 691.775 409.489 697.591L410.681 698.146C414.959 700.174 427.661 706.603 428.959 707.239C450.574 717.824 469.003 723.292 495.535 724.876C513.614 725.955 526.865 723.296 543.003 716.443L543.826 716.091C547.925 714.325 564.192 706.671 568.436 704.805C584.946 697.543 600.393 692.634 620.027 689.196L621.922 688.871C645.733 684.882 674.136 683.486 709.033 685.055L710.432 685.12Z"
          fill="white"
        />
        <path
          d="M645.036 701.298C642.617 696.446 621.464 698.011 598.76 703.938L598.072 704.119C572.732 710.824 556.208 720.019 558.462 728.682C560.666 737.153 568.631 739.729 580.437 737.796C588.463 736.483 597.833 733.076 604.37 729.799L605.051 729.485C607.893 728.191 618.653 723.357 623.585 720.943L624.066 720.706C630.374 717.575 635.412 714.669 639.071 711.913L639.677 711.448C644.513 707.665 646.521 704.275 645.036 701.298ZM638.471 711.112C635 713.727 630.235 716.497 624.289 719.476L622.944 720.142C617.269 722.907 604.494 728.617 603.923 728.903C597.469 732.139 588.189 735.513 580.276 736.808C568.915 738.668 561.465 736.258 559.429 728.429C557.424 720.726 573.296 711.805 597.588 705.284L598.326 705.088C620.634 699.185 642.05 697.55 644.143 701.746C645.388 704.243 643.391 707.407 638.471 711.112Z"
          fill="white"
        />
        <path
          d="M617.171 711.612C615.802 708.881 604.529 709.704 592.298 712.872L591.861 712.986C578.199 716.58 569.316 721.495 570.572 726.298C571.787 730.94 576.154 732.344 582.553 731.303C586.672 730.632 591.441 728.944 594.916 727.269L595.448 727.009C596.218 726.653 602.619 723.804 605.531 722.392L605.883 722.22C609.259 720.554 611.956 719.007 613.921 717.535C616.816 715.367 618.067 713.397 617.171 711.612ZM613.323 716.733C611.417 718.16 608.767 719.68 605.442 721.321L604.258 721.891C600.976 723.443 595.221 726.002 594.937 726.144C591.514 727.85 586.586 729.631 582.393 730.314C576.438 731.283 572.585 730.044 571.539 726.044C570.526 722.172 578.89 717.492 591.662 714.075L592.962 713.735C604.399 710.826 615.27 710.051 616.279 712.062C616.871 713.243 615.864 714.83 613.323 716.733Z"
          fill="white"
        />
        <path
          d="M710.558 674.011L710.26 674.967C682.069 666.145 657.996 662.746 635.311 663.706L633.745 663.778C617.112 664.61 602.918 667.408 581.018 673.407L568.552 676.876C544.957 683.412 531.754 686.27 514.652 687.813L513.984 687.872C490.594 689.924 465.894 688.138 437.263 681.645L435.918 681.338C349.823 661.457 306.291 678.527 304.92 732.48L304.891 734.126L303.892 734.117C304.419 678.613 347.766 660.519 433.53 679.767L436.142 680.361C464.798 686.978 489.477 688.89 512.804 686.967L513.897 686.874C531.696 685.313 545.116 682.37 570.145 675.393L578.677 673.013L580.758 672.44C603.407 666.236 617.86 663.442 635.269 662.705C657.737 661.755 681.549 665.056 709.312 673.623L710.558 674.011Z"
          fill="white"
        />
        <path
          d="M727.452 648.732L726.672 649.358C706.35 623.888 684.99 614.158 659.778 616.486C649.351 617.449 638.262 620.422 625.197 625.474L624.26 625.838C618.926 627.926 613.304 630.332 606.605 633.361L603.842 634.616C602.248 635.345 600.568 636.119 598.654 637.006L586.589 642.614L583.715 643.941C553.097 658.009 534.038 664.791 512.227 667.829C455.608 675.713 390.19 664.868 315.973 635.305L313.722 634.403L314.094 633.473C389.09 663.657 455.088 674.774 512.09 666.837L513.428 666.645C534.791 663.502 553.792 656.627 584.252 642.592L600.952 634.841C602.498 634.129 603.916 633.48 605.313 632.847L607.922 631.669C613.887 628.995 619.01 626.818 623.897 624.905C637.45 619.6 648.905 616.484 659.686 615.489C684.987 613.152 706.492 622.81 726.836 647.965L727.452 648.732Z"
          fill="white"
        />
        <path
          d="M720.185 616.018L719.665 616.874C712.913 612.753 706.908 609.706 698.801 606.741C687.702 602.683 674.727 599.737 659.309 598.16C619.915 594.129 568.24 599.345 501.618 616.41L499.595 616.931C400.016 642.68 329.703 639.553 288.66 607.48L287.425 606.5L288.052 605.719C328.201 638.133 397.63 641.827 496.345 616.73L499.345 615.961C567.053 598.453 619.491 593.079 659.41 597.163C674.909 598.749 687.966 601.713 699.143 605.8C707.027 608.683 712.945 611.646 719.458 615.577L720.185 616.018Z"
          fill="white"
        />
      </g>
      <mask id="mask2" mask-type="alpha" maskUnits="userSpaceOnUse" x="421" y="163" width="190" height="176">
        <path
          fill-rule="evenodd"
          clip-rule="evenodd"
          d="M461.673 186.031C509.839 154.237 532.827 156.429 567.857 186.031C602.886 215.632 636.821 262.774 579.898 306.628C522.975 350.482 496.703 347.193 451.821 306.628C406.939 266.063 413.507 217.824 461.673 186.031Z"
          fill="white"
        />
      </mask>
      <g ref="head" mask="url(#mask2)">
        <path
          fill-rule="evenodd"
          clip-rule="evenodd"
          d="M461.673 186.031C509.839 154.237 532.827 156.429 567.857 186.031C602.886 215.632 636.821 262.774 579.898 306.628C522.975 350.482 496.703 347.193 451.821 306.628C406.939 266.063 413.507 217.824 461.673 186.031Z"
          fill="#7AD8DF"
        />
        <path
          d="M588.141 317.567L587.143 317.868C579.264 320.3 573.53 323.278 553.52 334.534C537.418 343.592 527.622 361.657 529.106 378.718C530.73 397.374 545.08 410.8 569.978 413.486C595.107 416.196 616.659 406.072 628.814 387.984C640.328 370.852 641.012 349.776 629.757 334.671C625.478 328.928 621.238 324.601 616.929 321.548C608.193 315.358 599.142 314.302 588.141 317.567ZM616.353 322.366C620.57 325.354 624.737 329.606 628.957 335.27C639.943 350.015 639.274 370.628 627.986 387.424C616.037 405.205 594.844 415.16 570.085 412.49C545.644 409.854 531.682 396.79 530.102 378.631C528.651 361.967 538.245 344.275 554.009 335.407L560.325 331.867C575.979 323.131 581.019 320.725 588.424 318.527C599.147 315.345 607.882 316.364 616.353 322.366Z"
          fill="white"
        />
        <path
          d="M591.13 287.673C583.468 289.863 575.183 293.224 565.234 298.057L559.49 300.898C554.298 303.506 549.902 305.88 531.902 315.63C504.436 330.507 487.723 360.187 490.255 388.205C493.022 418.819 517.467 440.845 559.952 445.257C602.859 449.713 639.646 433.073 660.396 403.341C680.044 375.188 681.211 340.566 662.02 315.763C654.711 306.316 647.474 299.204 640.125 294.191C625.256 284.047 609.871 282.318 591.13 287.673ZM639.563 295.019C646.819 299.969 653.982 307.008 661.231 316.377C680.138 340.813 678.987 374.955 659.577 402.767C639.037 432.199 602.603 448.679 560.055 444.26C518.022 439.895 493.971 418.225 491.25 388.114C488.755 360.504 505.255 331.202 532.376 316.511L548.564 307.759C555.681 303.933 558.267 302.61 562.771 300.383L563.901 299.824C574.598 294.547 583.357 290.936 591.403 288.637C609.875 283.358 624.955 285.053 639.563 295.019Z"
          fill="white"
        />
        <path
          d="M585.612 338.81L584.804 339.045C580.302 340.393 576.875 342.099 565.376 348.272C555.909 353.354 550.146 363.497 551.021 373.089C551.978 383.589 560.434 391.139 575.05 392.644C589.779 394.16 602.422 388.492 609.557 378.359C616.329 368.743 616.732 356.898 610.101 348.405C607.591 345.19 605.102 342.766 602.569 341.053C597.42 337.572 592.082 336.977 585.612 338.81ZM602.011 341.884C604.451 343.534 606.866 345.886 609.314 349.022C615.657 357.147 615.271 368.509 608.741 377.781C601.816 387.617 589.524 393.127 575.152 391.647C560.987 390.189 552.927 382.992 552.016 372.998C551.178 363.816 556.726 354.052 565.848 349.155L570.396 346.725C578.838 342.243 581.721 340.953 585.883 339.774C592.086 338.017 597.122 338.578 602.011 341.884Z"
          fill="white"
        />
        <path
          d="M520.548 137.972C482.185 145.662 432.047 180.075 394.886 221.745C357.097 264.119 343.715 301.561 365.994 314.775C397.466 333.442 440.764 333.442 495.871 314.819C552.93 285.269 587.847 257.017 600.692 229.983C610.8 208.711 610.352 181.783 598.629 162.589C584.926 140.154 558.154 130.434 520.548 137.972ZM597.778 163.113C609.317 182.005 609.758 208.574 599.791 229.552C587.063 256.339 552.294 284.471 495.483 313.899C440.695 332.408 397.685 332.408 366.503 313.913C345.063 301.196 358.233 264.348 395.63 222.413C432.66 180.889 482.626 146.595 520.743 138.954C557.962 131.494 584.308 141.059 597.778 163.113Z"
          fill="white"
        />
        <path
          d="M510.64 160.411C482.441 166.265 445.611 192.45 418.313 224.156C390.526 256.43 380.681 284.963 397.133 295.071C420.279 309.291 452.109 309.291 492.601 295.117C534.532 272.626 560.185 251.126 569.628 230.54C577.063 214.332 576.734 193.819 568.108 179.191C558.019 162.081 538.304 154.667 510.64 160.411ZM567.249 179.701C575.7 194.034 576.024 214.201 568.721 230.121C559.391 250.461 533.885 271.837 492.201 294.202C452.037 308.256 420.505 308.256 397.655 294.217C382.012 284.606 391.659 256.647 419.069 224.811C446.236 193.256 482.895 167.194 510.842 161.392C538.109 155.731 557.39 162.981 567.249 179.701Z"
          fill="white"
        />
        <path
          d="M500.049 185.762C481.716 189.5 457.795 206.2 440.065 226.423C421.972 247.061 415.547 265.345 426.369 271.874C441.433 280.963 462.129 280.963 488.437 271.919L490.06 271.058C516.354 257.017 532.48 243.586 538.504 230.691C543.352 220.313 543.137 207.18 537.509 197.807C530.923 186.84 518.061 182.09 500.049 185.762ZM536.653 198.324C542.102 207.399 542.311 220.179 537.599 230.266C531.568 243.177 515.05 256.772 488.043 271.002C462.058 279.928 441.655 279.928 426.884 271.016C416.987 265.045 422.983 247.637 440.288 227.69L440.815 227.085C458.414 207.011 482.163 190.431 500.248 186.744C517.867 183.151 530.299 187.742 536.653 198.324Z"
          fill="white"
        />
        <path
          d="M488.16 212.211C480.435 214.121 470.42 222.602 462.997 232.872L462.474 233.605C455.261 243.836 452.788 252.817 457.351 256.156C463.729 260.823 472.469 260.823 483.524 256.214C494.972 248.907 501.955 241.936 504.538 235.228C506.578 229.931 506.488 223.238 504.115 218.445C501.314 212.786 495.807 210.32 488.16 212.211ZM503.221 218.89C505.463 223.42 505.55 229.822 503.607 234.867C501.116 241.335 494.272 248.166 483.064 255.329C472.377 259.777 463.993 259.777 457.94 255.347C453.937 252.418 456.501 243.565 463.805 233.46C471.103 223.364 480.949 215.026 488.399 213.184C495.598 211.403 500.63 213.658 503.221 218.89Z"
          fill="white"
        />
        <path
          d="M596.852 260.441C592.787 265.516 593.013 270 596.788 273.428C599.824 276.184 605.079 278.075 610.414 278.62C620.223 279.622 627.098 270.593 624.167 260.613C621.113 250.214 605.337 249.848 596.852 260.441ZM623.209 260.896C625.945 270.213 619.596 278.551 610.515 277.623C605.374 277.098 600.314 275.278 597.458 272.685C594.085 269.622 593.889 265.74 597.63 261.069C605.664 251.039 620.414 251.381 623.209 260.896Z"
          fill="white"
        />
        <path
          d="M296.127 71.59C283.578 96.1519 273.788 120.1 266.759 143.436L266.233 145.199L266.304 145.366C276.01 168.098 304.378 181.364 351.339 185.238C384.237 187.952 427.814 171.581 459.501 146.77C491.698 121.56 501.276 95.7377 478.549 82.9631C454.038 69.1859 413.168 57.0247 376.677 52.8626C335.1 48.1203 305.103 54.0207 296.127 71.59ZM376.564 53.8579C412.93 58.0058 453.673 70.1292 478.061 83.8369C499.896 96.1101 490.611 121.14 458.887 145.98C427.382 170.648 384.041 186.931 351.421 184.24L350.027 184.122C304.694 180.17 277.211 167.319 267.513 145.638L267.293 145.136L267.242 145.311C274.284 121.535 284.209 97.1136 297.016 72.0468C305.73 54.9911 335.374 49.1598 376.564 53.8579Z"
          fill="white"
        />
        <path
          d="M300.911 61.1512C290.577 85.0892 282.509 108.431 276.708 131.175L276.229 133.072L276.281 133.216C284.301 155.444 307.767 168.432 346.587 172.222C373.804 174.88 409.827 158.863 436.017 134.593C462.616 109.945 470.514 84.7438 451.738 72.2532C431.479 58.7766 397.706 46.8829 367.548 42.812C333.17 38.1713 308.336 43.9526 300.911 61.1512ZM367.415 43.8048C397.429 47.8564 431.06 59.6996 451.186 73.0879C469.213 85.08 461.533 109.585 435.339 133.857C409.34 157.95 373.578 173.851 346.684 171.225L345.534 171.11C308.128 167.251 285.466 154.71 277.461 133.527L277.272 133.016L277.235 133.168C283.052 109.925 291.25 86.0523 301.828 61.5492C309.014 44.9038 333.437 39.2181 367.415 43.8048Z"
          fill="white"
        />
      </g>
      <mask id="mask3" mask-type="alpha" maskUnits="userSpaceOnUse" x="513" y="257" width="48" height="23">
        <path
          fill-rule="evenodd"
          clip-rule="evenodd"
          d="M522.882 257.751C508.88 253.921 511.894 273.778 522.882 276.783C533.869 279.788 540.861 279.788 550.849 276.783C564.526 272.668 563.317 253.583 550.849 257.751C541.86 260.756 533.869 260.756 522.882 257.751Z"
          fill="white"
        />
      </mask>
      <g ref="mouth" mask="url(#mask3)">
        <path
          fill-rule="evenodd"
          clip-rule="evenodd"
          d="M522.882 257.751C508.88 253.921 511.894 273.778 522.882 276.783C533.869 279.788 540.861 279.788 550.849 276.783C564.526 272.668 563.317 253.583 550.849 257.751C541.86 260.756 533.869 260.756 522.882 257.751Z"
          fill="var(--colors-primary-700)"
        />
        <path
          d="M531.956 285.207C539.403 285.207 545.44 282.068 545.44 278.195C545.44 274.323 539.403 271.183 531.956 271.183C524.508 271.183 518.471 274.323 518.471 278.195C518.471 282.068 524.508 285.207 531.956 285.207Z"
          fill="#FFACAC"
        />
      </g>
      <path
        ref="eyeRight"
        d="M571.565 249.6C573.766 249.76 575.68 248.101 575.839 245.894L575.911 244.848C576.303 238.913 576.14 235.776 574.827 232.057C572.827 226.384 567.825 222.062 562.094 222.1C556.559 222.139 551.726 226.236 549.642 231.676C548.201 235.444 547.989 238.592 548.197 245.03C548.269 247.242 550.115 248.976 552.32 248.904C554.526 248.833 556.255 246.981 556.184 244.77L556.146 243.413C556.044 238.966 556.254 236.765 557.102 234.548C558.098 231.949 560.247 230.127 562.149 230.114C564.113 230.101 566.34 232.025 567.294 234.729C568.19 237.269 568.269 239.782 567.869 245.314C567.71 247.521 569.364 249.44 571.565 249.6Z"
        fill="var(--colors-primary-700)"
      />
      <path
        ref="eyeLeft"
        d="M502.822 249.609L503.021 249.6C505.222 249.44 506.877 247.521 506.717 245.314L506.654 244.394C506.329 239.494 506.448 237.124 507.293 234.73C508.248 232.025 510.475 230.101 512.436 230.114C514.341 230.127 516.49 231.949 517.484 234.545L517.641 234.975C518.433 237.275 518.568 239.72 518.402 244.767C518.33 246.979 520.059 248.831 522.264 248.904C524.469 248.976 526.316 247.243 526.389 245.031L526.42 243.99C526.572 238.257 526.306 235.236 524.945 231.675C522.862 226.236 518.029 222.139 512.491 222.1C506.763 222.062 501.762 226.383 499.76 232.056C498.372 235.989 498.269 239.269 498.748 245.893C498.902 248.033 500.706 249.658 502.822 249.609Z"
        fill="var(--colors-primary-700)"
      />
      <g ref="armLeft">
        <path
          d="M383.628 380.368C249.783 482.541 135.914 786.055 279.748 786.055C375.637 786.055 484.845 786.723 607.37 788.059"
          stroke="var(--colors-primary-700)"
          stroke-width="8"
          stroke-linecap="round"
          stroke-linejoin="round"
        />
        <path
          d="M598.38 740.979C471.193 688.223 373.307 660.176 304.719 656.837"
          stroke="var(--colors-primary-700)"
          stroke-width="8"
          stroke-linecap="round"
          stroke-linejoin="round"
        />
        <path
          d="M424.581 536.633C382.629 587.386 355.993 628.789 344.673 660.843"
          stroke="var(--colors-primary-700)"
          stroke-width="8"
          stroke-linecap="round"
          stroke-linejoin="round"
        />
        <path
          d="M607.37 758.008C585.395 751.33 571.078 747.323 564.419 745.988"
          stroke="var(--colors-primary-700)"
          stroke-width="8"
          stroke-linecap="round"
          stroke-linejoin="round"
        />
        <path
          d="M609.367 774.035C590.056 769.36 575.073 766.021 564.419 764.018"
          stroke="var(--colors-primary-700)"
          stroke-width="8"
          stroke-linecap="round"
          stroke-linejoin="round"
        />
      </g>
    </svg>
  </Motion>
</template>
